@charset "UTF-8";

html,body {
	min-width: 1200px;
}

/* SY-setContent */
.SY-setContent .headBox {
	width: 100%;
    height: 200px;
    background: url(../img/personalCenter/payBg.png) no-repeat center center;
    background-color: #e5e5e5;
}
.SY-setContent .mainBox {
	margin-top: -100px;
	margin-bottom: 180px;
}
.SY-setContent .mainBox .content {
	width: 1000px;
	background: #fff;
	margin: 0 auto;
}
.SY-setContent .S-main {
	padding: 40px;
}
.SY-setContent .S-main .titleBox {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}
.SY-setContent .S-main .courseMsg {
	padding:18px 32px;
}
.SY-setContent .S-main .courseMsg .courseName {
	font-size: 16px;
	color: #333;
	max-width: 500px;
	margin-right: 50px;
	margin-top: 3px;
	line-height: 1.5;
}
.SY-setContent .S-main .courseMsg .avatar {
	width: 30px;
	height: 30px;
}
.SY-setContent .S-main .courseMsg .nickName {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	margin-left: 6px;
	margin-top: 4px;
}
.SY-setContent .S-main .description {
	padding: 30px 32px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	background: #f8fafc;
}
.SY-setContent .S-main .description .text {
	width: 710px;
}
.SY-setContent .S-main .description .price {
	font-size: 16px;
	color: #e45c5c;
	font-weight: 700;
}
.SY-setContent .S-main .payWays {
	overflow: hidden;
}
.SY-setContent .S-main .payWays .chooseTab {
	background: #f4f4f4;
}
.SY-setContent .S-main .payWays .chooseTab li {
	display: inline-block;
}
.SY-setContent .S-main .payWays .chooseTab li.active {
	background: #fff;
}
.SY-setContent .S-main .payWays .chooseTab a {
	display: block;
	width: 105px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
}
.SY-setContent .S-main .payWays .chooseTab a>i {
	display: inline-block;
    height: 20px;
    width: 12px;
    background: url("../img/icons/smallCircle.png") 0 6px no-repeat;
}
.SY-setContent .S-main .payWays .couponBox {
	max-height: 367px;
    overflow-y: auto;
    overflow-x: hidden;
}
.SY-setContent .S-main .payWays .couponBox .valid {
	margin:20px 10px 0;
	min-height: 160px;
}
.SY-setContent .S-main .payWays .couponBox .invalid {
	padding-top:20px;
	margin:0 10px;
	min-height: 166px;
	border-top: 1px solid #eee;
}
.SY-setContent .S-main .payWays .couponList .coupon {
	width: 196px;
	height: 132px;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	border:2px solid #fff;
}
.SY-setContent .S-main .payWays .invalid .coupon {
	cursor: default;
}
.SY-setContent .S-main .payWays .couponList .coupon:nth-child(4n) {
	margin-right: 0;
}
.SY-setContent .S-main .payWays .couponList .coupon .pic {
	width: 196px;
    height: 94px;
    background-image: url("../img/icons/coupon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.SY-setContent .S-main .payWays .valid .coupon .pic.normal {
	background-color: #00a4e9;
}
.SY-setContent .S-main .payWays .invalid .coupon .pic.normal {
	background-color: #6f6f6f;
}
.SY-setContent .S-main .payWays .couponList .coupon .text {
	top: -2px;
	height: 38px;
	border-top: 0 !important;
}
.SY-setContent .S-main .payWays .valid .coupon .text {
	border:1px solid #00a4e9;
}
.SY-setContent .S-main .payWays .invalid .coupon .text {
	border:1px solid #6f6f6f;
}
.SY-setContent .S-main .payWays .couponList .coupon .rmb {
	top: -75px;
	left: 35px;
	font-size: 30px;
	color: #fff;
}
.SY-setContent .S-main .payWays .couponList .coupon .rmb span {
	vertical-align: top;
	font-size: 24px;
}
.SY-setContent .S-main .payWays .couponList .coupon .timeLimit {
	bottom: 50px;
	left: 32px;
	font-size: 14px;
	color: #fff;
}
.SY-setContent .S-main .payWays .couponList .coupon .useLimit {
	bottom: 10px;
	left: 12px;
	width: 170px;
	font-size: 12px;
	color: #00a4e9;
	text-align: center;
	line-height: 1.5;
}
.SY-setContent .S-main .payWays .invalid .coupon .useLimit {
	color: #6f6f6f;
}
.SY-setContent .S-main .payWays .couponList .coupon.active {
	border-color: #ed5d37;
}
.SY-setContent .S-main .payWays .couponList .coupon.active .pic {
	background-image: none;
}
.SY-setContent .S-main .payWays .couponList .coupon.active .text {
	border:0;
}
.SY-setContent .S-main .payWays .couponList .coupon.active .cancel,
.SY-setContent .S-main .payWays .couponList .coupon.active .sure {
	display: block;
}
.SY-setContent .S-main .payWays .couponList .coupon .cancel {
	display: none;
	top: -92px;
	right: 0;
	width: 57px;
	height: 20px;
	background: url("../img/icons/del.png") no-repeat center;
	background-size: 100%;
}
.SY-setContent .S-main .payWays .couponList .coupon .sure {
	display: none;
	bottom: -2px;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("../img/icons/choose.png") no-repeat center;
    background-size: 100%;
}
.SY-setContent .S-main .payWays .invalid .coupon .text>span {
	display: none;
}
.SY-setContent .S-main .payWays .payBox .emptyInfo {
	font-size: 14px;
	color: #ababab;
}
.SY-setContent .S-main .payWays .payBox .emptyInfo .icon {
	width: 101px;
	height: 70px;
	margin:50px auto 15px;
	background: url("../img/icons/couponInfo.png") no-repeat center;
}
.SY-setContent .S-main .payWays .emptyInfo .tips {
	margin-bottom: 30px;
}
.SY-setContent .S-main .submitOrder {
	margin-top: 30px;
}
.SY-setContent .S-main .submitOrder .text {
	font-size: 14px;
	color: #111;
	line-height: 1.5;
	margin-bottom: 8px;
}
.SY-setContent .S-main .submitOrder .totalCount {
	color: #e45c5c;
	margin:0 3px;
	font-weight: bold;
}
.SY-setContent .S-main .submitOrder .minusPrice {
	margin-left: 6px;
}
.SY-setContent .S-main .submitOrder .totalPay {
	font-size: 20px;
	color: #e45c5c;
	font-weight: bold;
}
.SY-setContent .S-main .submitOrder .btn {
	width: 120px;
	height:40px;
	line-height: 40px; 
	font-size: 16px;
	color: #fff;
	margin: 5px 0 10px;
	background: #00a4e9;
}
.SY-setContent .S-main .submitOrder .btn:hover {
	background: #0c87bc;
}
.SY-setContent .S-main .submitOrder .check {
	font-size: 14px;
	color: #666;
}
.SY-setContent .S-main .submitOrder .check label {
	cursor: pointer;
}
.SY-setContent .S-main .submitOrder .check .checkedIcon {
	display: inline-block;
	width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: top;
    margin-top: -1px;
    background-image: url("../img/icons/yes.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.SY-setContent .S-main .submitOrder .check .checkedIcon.cancel {
	background-position: 0 -16px;
}
.SY-setContent .S-main .submitOrder .check .protocol {
	color: #00a4e9;
}
.SY-setContent .S-main .submitOrder .check .protocol:hover {
	color: #0c87bc;
}